<style>
  @media (min-width: 992px) {
    .modal-lg {
      width: 1090px;
    }
  }

  .modal-dialog {
    margin-top: 10%;
  }
</style>


<!-- <div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">运营报表</h1>
</div> -->
<div class="wrapper-md wrapper-md1">
  <div class="panel panel-default panel-default1">
    <div class="panel-heading panel-heading1">
      经营日报
    </div>
    <toaster-container toaster-options="{'position-class': 'toast-center', 'close-button':true}"></toaster-container>
    <div class="panel-body panel-body2 b-b b-light">
      <div class="pull-in pull-in1 clearfix">
        <div class="col-sm-4">
          <label>
            <font>
              <font>查询日期:</font>
            </font>
          </label>
          <p class="input-group" style="position:relative">
            <span class="input-group-btn">
              <button type="button" class="btn btn-default">
                <i class="glyphicon glyphicon-calendar"></i>
              </button>
            </span>
            <input type="text" data-date-format="" class="form-control" id="datetimepicker">
          </p>
        </div>
        <div class="col-sm-2">
          <button class="btn btn-info btn-addon" style="margin-top:25px" ng-click="clickbtn()">查询</button>
        </div>
      </div>
    </div>
    <div class="panel-body panel-body2 b-light border_w">
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_1"></i>充值金额</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.RechargePrice|number:'2'):'--'}}
            <i>元</i>
          </span>
          <span class="pull-right font-{{GetOperationDay.RechargePriceYesterday&&(GetOperationDay.RechargePrice>GetOperationDay.RechargePriceYesterday||RechargePrice==0)?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.RechargePriceYesterday?(RechargePrice|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.RechargePriceYesterday" class="{{GetOperationDay.RechargePrice>GetOperationDay.RechargePriceYesterday||RechargePrice==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_2"></i>新增投资用户投资金额</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.NewInvestorPrice|number:'2'):'--'}}
            <i>元</i>
          </span>
          <span class="pull-right font-{{GetOperationDay.NewInvestorPriceYesterday&&(GetOperationDay.NewInvestorPrice>GetOperationDay.NewInvestorPriceYesterday||NewInvestorPrice==0)?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.NewInvestorPriceYesterday?(NewInvestorPrice|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.NewInvestorPriceYesterday" class="{{GetOperationDay.NewInvestorPrice>GetOperationDay.NewInvestorPriceYesterday||NewInvestorPrice==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_3"></i>投资金额</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.InvestorPrice|number:'2'):'--'}}
            <i>元</i>
          </span>
          <span class="pull-right font-{{GetOperationDay.InvestorPriceYesterday&&(GetOperationDay.InvestorPriceYesterday<GetOperationDay.InvestorPrice||InvestorPrice==0)?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.InvestorPriceYesterday?(InvestorPrice|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.InvestorPriceYesterday" class="{{GetOperationDay.InvestorPrice>GetOperationDay.InvestorPriceYesterday||InvestorPrice==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_4"></i>提现金额</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.WithdrawPrice|number:'2'):'--'}}
            <i>元</i>
          </span>
          <span class="pull-right font-{{(GetOperationDay.WithdrawPrice>GetOperationDay.WithdrawPriceYesterday||WithdrawPrice==0)&&GetOperationDay.WithdrawPriceYesterday?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.WithdrawPriceYesterday?(WithdrawPrice|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.WithdrawPriceYesterday" class="{{GetOperationDay.WithdrawPrice>GetOperationDay.WithdrawPriceYesterday||WithdrawPrice==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
    </div>
    <div class="panel-body panel-body2 b-light border_w">
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_5"></i>注册人数</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.RegisteredNum):'--'}}
            <i>人</i>
          </span>
          <span class="pull-right font-{{(GetOperationDay.RegisteredNum>GetOperationDay.RegisteredNumYesterday||RegisteredNum==0)&&GetOperationDay.RegisteredNumYesterday?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.RegisteredNumYesterday?(RegisteredNum|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.RegisteredNumYesterday" class="{{GetOperationDay.RegisteredNum>GetOperationDay.RegisteredNumYesterday||RegisteredNum==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_6"></i>实名认证人数</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.RealNameNum):'--'}}
            <i>人</i>
          </span>
          <span class="pull-right font-{{(GetOperationDay.RealNameNum>GetOperationDay.RealNameNumYesterday||RealNameNum==0)&&GetOperationDay.RealNameNumYesterday?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.RealNameNumYesterday?(RealNameNum|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.RealNameNumYesterday" class="{{GetOperationDay.RealNameNum>GetOperationDay.RealNameNumYesterday||RealNameNum==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_7"></i>投资人数</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.InvestorNum):'--'}}
            <i>人</i>
          </span>
          <span class="pull-right font-{{(GetOperationDay.InvestorNum>GetOperationDay.InvestorNumYesterday||InvestorNum==0)&&GetOperationDay.InvestorNumYesterday?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.InvestorNumYesterday?(InvestorNum|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.InvestorNumYesterday" class="{{GetOperationDay.InvestorNum>GetOperationDay.InvestorNumYesterday||InvestorNum==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_8"></i>提现人数</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.WithdrawNum):'--'}}
            <i>人</i>
          </span>
          <span class="pull-right font-{{(GetOperationDay.WithdrawNum>GetOperationDay.WithdrawNumYesterday||WithdrawNum==0)&&GetOperationDay.WithdrawNumYesterday?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.WithdrawNumYesterday?(WithdrawNum|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.WithdrawNumYesterday" class="{{GetOperationDay.WithdrawNum>GetOperationDay.WithdrawNumYesterday||WithdrawNum==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
    </div>
    <div class="panel-body panel-body2 b-b b-light border_w">
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_9"></i>活期在保金额</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.FlexibleHoldPrice|number:'2'):'--'}}
            <i>元</i>
          </span>
          <span class="pull-right font-{{(GetOperationDay.FlexibleHoldPrice>GetOperationDay.FlexibleHoldPriceYesterday||FlexibleHoldPrice==0)&&GetOperationDay.FlexibleHoldPriceYesterday?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.FlexibleHoldPriceYesterday?(FlexibleHoldPrice|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.FlexibleHoldPriceYesterday" class="{{GetOperationDay.FlexibleHoldPrice>GetOperationDay.FlexibleHoldPriceYesterday||FlexibleHoldPrice==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_10"></i>新手标在保金额</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.TiroProHoldPrice|number:'2'):'--'}}
            <i>元</i>
          </span>
          <span class="pull-right font-{{(GetOperationDay.TiroProHoldPrice>GetOperationDay.TiroProHoldPriceYesterday||TiroProHoldPrice==0)&&GetOperationDay.TiroProHoldPriceYesterday?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.TiroProHoldPriceYesterday?(TiroProHoldPrice|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.TiroProHoldPriceYesterday" class="{{GetOperationDay.TiroProHoldPrice>GetOperationDay.TiroProHoldPriceYesterday||TiroProHoldPrice==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_11"></i>定期在保金额</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.ProductHoldPrice|number:'2'):'--'}}
            <i>元</i>
          </span>
          <span class="pull-right font-{{(GetOperationDay.ProductHoldPrice>GetOperationDay.ProductHoldPriceYesterday||ProductHoldPrice==0)&&GetOperationDay.ProductHoldPriceYesterday?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.ProductHoldPriceYesterday?(ProductHoldPrice|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.ProductHoldPriceYesterday" class="{{GetOperationDay.ProductHoldPrice>GetOperationDay.ProductHoldPriceYesterday||ProductHoldPrice==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
      <div class="col-sm-3">
        <span>
          <i class="iconAll icon_12"></i>账户余额</span>
        <div class="clearfix">
          <span class="pull-left">{{GetOperationDay?(GetOperationDay.UsablePrice|number:'2'):'--'}}
            <i>元</i>
          </span>
          <span class="pull-right font-{{(GetOperationDay.UsablePrice>GetOperationDay.UsablePriceYesterday||UsablePrice==0)&&GetOperationDay.UsablePriceYesterday?'red':'blue'}}">{{GetOperationDay&&GetOperationDay.UsablePriceYesterday?(UsablePrice|number:'2'):'--'}}%
            <i ng-if="GetOperationDay&&GetOperationDay.UsablePriceYesterday" class="{{GetOperationDay.UsablePrice>GetOperationDay.UsablePriceYesterday||UsablePrice==0?'up':'down'}}_icon"></i>
          </span>
        </div>
      </div>
    </div>
    <div class="panel-body panel-body2 b-b b-light border_width">
      <div class="col-sm-6 text-right" style="padding-right:5px;">
        <span class="btn_blue" ng-click="uptop(1)">投资额TOP10</span>
      </div>
      <div class="col-sm-6 text-left" style="padding-left:5px;">
        <span class="btn_fff" ng-click="uptop(2)">提现额TOP10</span>
      </div>
    </div>
    <div>
      <div class="panel-heading panel-heading1">
        每日走势图
      </div>
      <div class="row">
        <div class="col-md-12">
          <div class="panel panel-default panel-default1" style="margin-bottom:0px">
            <ul class="nav nav-tabs nav_width">
              <li class="tabs_disabled {{ngshow==1?'tabs_active':''}}">
                <a href="" ng-click="select(1)">充提投金额</a>
              </li>
              <li class="tabs_disabled {{ngshow==2?'tabs_active':''}}">
                <a href="" ng-click="select(2)">充提投人数</a>
              </li>
            </ul>
            <div class="panel-body panel-body1" ng-if="ngshow==1">
              <div id="flot" style="height:500px"></div>
            </div>
            <div class="panel-body panel-body1" ng-if="ngshow==2">
              <div id="flot" style="height:500px"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>